<template>
  <div class="list">
    <div class="list-header">
      <ul>
        <li v-cloak @click="getLiuList">流行</li>

        <li v-cloak @click="getNewList">新款</li>

        <li v-cloak @click="getlist">精选</li>
      </ul>
    </div>
  </div>
</template>

<script>
import { GethomeApi } from "@/request/api";
import Lazy from "vue-lazyload";
export default {
  data() {
    return {};
  },
  methods: {
    getLiuList() {
      this.$router.push("/last");
    },
    getNewList() {
      this.$router.push("/new");
    },
    getlist() {
      this.$router.push("/sell");
    },
  },
};
</script>
 
<style lang = "less" scoped>
.list {
  margin-left: 0.666667vw;
  width: 100vw;
  .list-header {
    margin: 1.333333vw 0;
    ul {
      display: flex;
      justify-content: space-around;
      margin-top: 2.666667vw;
      li {
        padding-bottom: 1.333333vw;
        &:hover {
          color: #f60;
          border-bottom: 0.266667vw solid #f60;
        }
      }
    }
  }
}
</style>